@media screen and (max-width: 1080px){
    html {
        font-size: 144px;
    }
}
@media screen and (max-width: 750px){
    html {
        font-size: 100px;
    }
}
@media screen and (max-width: 640px){
    html {
        font-size: 85.3px;
    }
}
@media screen and (max-width: 540px){
    html {
        font-size: 72px;
    }
}
@media screen and (max-width: 414px){
    html {
        font-size: 55.2px;
    }
}
@media screen and (max-width: 412px){
    html {
        font-size: 54.6px;
    }
}
@media screen and (max-width: 400px){
    html {
        font-size: 53.3px;
    }
}
@media screen and (max-width: 393px){
    html {
        font-size: 52.4px;
    }
}
@media screen and (max-width: 384px){
    html {
        font-size: 51.2px;
    }
}
@media screen and (max-width: 380px){
    html {
        font-size: 50.7px;
    }
}
@media screen and (max-width: 375px){
    html {
        font-size: 50px;
    }
}
@media screen and (max-width: 360px){
    html {
        font-size: 48px;
    }
}
@media screen and (max-width: 320px){
    html {
        font-size: 42.66px;
    }
}
/* webkit 浏览器*/
input::-webkit-input-placeholder {
    color:#666;
    font-weight:300;
    font-size:14px;
}
/* 火狐浏览器 */
input::-moz-placeholder
{
    color:#666;
    font-weight:300;
    font-size:14px;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    list-style: none;
    text-decoration: none;
    font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    border-radius: 0;
    font-size:16px;
    border-width: thin;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
body{
    background:#f3f3f3;
}